<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>管理系统</title>
	<meta name="Robots" content="All" />
	<meta http-equiv='content-language' content='zh-CN'>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
	<script src="../style/js/vue.min.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" href="../style/css/element-ui.css">
	<link rel="stylesheet" href="../style/css/animate.min.css" />
	<script src="../style/js/element-ui.js"></script>
	<script src="../style/js/axios.min.js"></script>
	<link rel="stylesheet" href="../style/css/index.css" />
</head>
<body bgcolor="#eee">
<div id="app">
<el-container>
  <el-main>
	  <div class="data">
	  	<h2>新品上架</h2>
		<hr />
		<div class="data-info">
			<el-form ref="form" :model="form" label-width="80px">
			  <el-form-item label="店铺选择">
			    <el-select placeholder="店铺" v-model="form.dianpu">
			      <el-option label="全都是泡沫"></el-option>
			      <el-option label="森信小鱼"></el-option>
			      <el-option label="乖乖睡觉觉"></el-option>
			      <el-option label="天道酬勤"></el-option>
			      <el-option label="‌默认"></el-option>
			    </el-select>
			  </el-form-item>
			  
			 
			  <el-form-item label="商品选择" class="xinpinso">
			    <el-input placeholder="请输入内容" v-model="input3" class="input-with-select">
			      <el-select v-model="select" slot="prepend" placeholder="请选择">
			        <el-option label="型号" value="1"></el-option>
			        <el-option label="问题" value="2"></el-option>
			        <el-option label="新机器" value="3"></el-option>
			      </el-select>
			      <el-button slot="append" icon="el-icon-search"></el-button>
			    </el-input>
			  </el-form-item>
			  <el-table
				  :data="tableData"
				  stripe
				  style="width: auto;margin-left: 15px;" >
				<el-table-column
				  prop="id"
				  label="ID"
				  width="60">
				</el-table-column>
				  <el-table-column
				    prop="date"
				    label="日期"
				    width="100">
				  </el-table-column>
				  <el-table-column
				    prop="name"
				    label="名称"
				    width="180">
				  </el-table-column>
				  <el-table-column
				    prop="address"
				    label="描述"
				    width="auto">
				  </el-table-column>
				</el-table>
				
			<hr style="margin: 40px 0;"/>
			  <el-form-item label="型号" class="input-text">
			    <el-input v-model="form.name"></el-input>
			  </el-form-item>
			  <div style="display: flex">			  
				  <el-form-item label="颜色">
					<el-select v-model="form.color" placeholder="颜色">
					  <el-option label="黑色"></el-option>
					  <el-option label="白色"></el-option>
					  <el-option label="绿色"></el-option>
					  <el-option label="金色"></el-option>
					  <el-option label="蓝色"></el-option>
					  <el-option label="红色"></el-option>
					  <el-option label="粉色"></el-option>
					  <el-option label="幻彩"></el-option>
					  <el-option label="青色"></el-option>
					  <el-option label="透明"></el-option>
					  <el-option label="素皮"></el-option>
					  <el-option label="电竞"></el-option>
					  <el-option label="其他"></el-option>
					</el-select>
				  </el-form-item>
				<el-form-item label="运存">
				   <el-select v-model="form.region" placeholder="GB">
					 <el-option label="8"></el-option>
					 <el-option label="12"></el-option>
					 <el-option label="6"></el-option>
					 <el-option label="4"></el-option>
					 <el-option label="3"></el-option>
					 <el-option label="2"></el-option>
					 <el-option label="10"></el-option>
					 <el-option label="16"></el-option>
				   </el-select>
				 </el-form-item>
				 <el-form-item label="存储">
				   <el-select v-model="form.region" placeholder="GB">
					 <el-option label="256"></el-option>
					 <el-option label="128"></el-option>
					 <el-option label="64"></el-option>
					 <el-option label="32"></el-option>
					 <el-option label="512"></el-option>
					 <el-option label="16"></el-option>
				   </el-select>
				 </el-form-item>
			  </div>
			 
			  
			  <div style="display: flex">	
			  <el-form-item label="收购时间">
			    <el-col :span="11">
			      <el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker>
			    </el-col>
			  </el-form-item>
			  <el-form-item label="收购价" class="input-text">
			    <el-input v-model="form.name"></el-input>
			  </el-form-item>
			</div>
			
			  <el-form-item label="配置" class="input-text">
			    <el-input v-model="form.name" placeholder="处理器、系统、特色功能"></el-input>
			  </el-form-item>
			  <el-form-item label="问题">
			    <el-input type="textarea" v-model="form.desc"></el-input>
			  </el-form-item>
			  <el-form-item>
			    <el-button type="primary" @click="onSubmit">创建发布</el-button>
			    <el-button>取消</el-button>
			  </el-form-item>
			</el-form>
		</div>
	  </div>
  </el-main>
</el-container>
</div>

<script type="text/javascript">
new Vue({
el: '#app',
data() {
	return {
		form:{
			  name: '',
			  region: '',
			  date1: '',
			  date2: '',
			  delivery: false,
			  type: [],
			  resource: '',
			  desc: '',
			  dianpu:'全都是泡沫',
			  color:''
			},
		input3: '',
		select: '',
		tableData: [{
			  id:'123',
			  date: '2024-05-02',
			  name: 'HUAWEI Mate 30 Pro',
			  address: '国产屏、无指纹【成色：轻微磕碰】',
			  go:'选择'
		}],
	}
}
,methods: {
	onSubmit() {
	        console.log('submit!');
	      }
},mounted:function(){
	
},created(){
	
}
})
</script>
</body>
</html>
